import React from "react";
import "./autoReply.scss";
import { useNavigate } from "react-router-dom";
import { NavBar, Space } from "antd-mobile";
import { BellOutline } from "antd-mobile-icons";



const Index = () => {
  const navigator = useNavigate();
  const back = () => {
    navigator("/");
  };
  const right = (
    <div style={{ fontSize: 24 }}>
      <Space style={{ '--gap': '16px' }}>
        <BellOutline />
      </Space>
    </div>
  )
  return (
    <div>
      <header>
        <NavBar
          onBack={back}
          right={right}
          style={{
            "--height": "3rem",
            "--border-bottom": "3px #eee solid",
          }}
        ></NavBar>
      </header>
      <main>
          <div>
            <ul>
              <li>设置现在自动回</li>
              <li></li>
            </ul>
          </div>
      </main>
    </div>
  );
};
export default Index;
